各种数据可视化 charts 的图表类型

您所在的位置:网站首页 chart 和graph 各种数据可视化 charts 的图表类型

各种数据可视化 charts 的图表类型

2023-04-01 05:40| 来源: 网络整理| 查看: 265

以下收集数据可视化 charts(图表) 相关库:

d3 是一个强大的可视化的库,如果有一些自定义的图标库。使用 d3 是一个非常好的选择。

echart 一个基于 JavaScript 的开源可视化图表库 Chart.js 为设计和开发人员准备的简单、灵活的 JavaScript 图表工具 highcharts 让数据可视化更简单 兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库。 Ant Design Charts 简单好用的 React 图表库。 d3-graph-gallery 基于 D3.js 的简单的图标库 amcharts JavaScript 图表和地图适合您所有人的编程库数据可视化需求。

本文主要关注:数据可视化库中不同的库实现的图表类型,以及不同类型分类和命名。

概念

部分图表类型介绍:

名字英文名字说明流程图Flowchart使用图形表示算法的思路是一种极好的方法,因为千言万语不如一张图。流程图在汇编语言和早期的BASIC语言环境中得到应用。相关的还有一种PAD图,对PASCAL或C语言都极适用。直方图HistogramChart质量分布图,是一种统计报告图,由一系列高度不等的纵向条纹或线段表示数据分布的情况。 一般用横轴表示数据类型,纵轴表示分布情况。关系图Relation Graph用于展示如组织机构图谱、股权架构图谱、集团关系图谱等知识图谱线图LineChart点与点之间进行连接,通常用于展示数据随时间变化的图面积图AreaChart面积图是一种用于显示数据变化趋势的图表类型。它通过将数据点之间的区域填充来强调数据的变化。面积图通常用于显示时间序列数据,例如股票价格或气温变化。它可以帮助用户更清晰地了解数据的趋势和变化,以便做出更好的决策。柱状图BarChart显示分布式数据,通常用于不同类和组之间的差异饼图PieChart一般用于展示数据比例... echarts

image.png

官方支持如下的图表类型以及子类型:

柱状图 折线图 饼图 散点图 柱状图(bar)

image.png

柱状图名字说明基础柱状图bar/basic-bar堆叠柱状图bar/stacked-bar动态排序柱状图bar/bar-race阶梯瀑布图bar/waterfall 折线图(line)

image.png

折线图名字说明基础折线图line/basic-line堆叠折线图line/stacked-line区域面积图line/area-line平滑曲线图line/smooth-line阶梯线图line/step-line 饼图(pie)

image.png

饼图类型说明阶梯线图pie/basic-pie圆环图pie/doughnut南丁格尔图(玫瑰图)pie/rose 散点图(scatter)

image.png

散点图名字说明基础散点图scatter/basic-scatter 特点 跨平台:服务端渲染、微信小程序、百度智能小程序 开源社区丰富 Chart.js

image.png

一开源的基于 H5 的开源的图表库

名字说明面积图charts/area柱状图charts/bar气泡图charts/bubble环形图和饼图charts/doughnut-pie折线图charts/line类型混合charts/mixed极地图charts/polar雷达图charts/radar离散图charts/scatter HIGHCHARTS

image.png

Highcharts 是一个用纯 JavaScript 编写的一个图表库, 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。

图类型说明直线图Line chart曲线图spline-chart面积图及面积范围图area-chart柱状图和条形图column-and-bar-charts饼图pie-chart范围图range-series散点和气泡图scatter-and-bubble-chart漏斗图及金字塔图funnel-and-pyramid-series极地图polar-chart瀑布图waterfall-series误差线图error-bar-series箱线图box-plot-series堆叠图stacking-charts 其他类型说明地图股票图 Ant Design Charts

image.png

简单好用的 React 图表库。

image.png

名字说明流程图Flowchart关系图Relation Graph折线图Line面积图Area柱形图Column条形图Bar饼图Pie双轴图Dual Axes进度图Progress Plots散点气泡图Scatter and Bubble玫瑰图Rose关系图Relation Plots热力图Heatmap

image.png

迷你类型名字说明迷你图Tiny Plots迷你折线图TinyLine迷你面积图TinyArea迷你柱形图TinyColumn进度条图Progress进度环图RingProgress

image.png

名字说明矩形树图Treemap雷达图Radar漏斗图Funnel瀑布图Waterfall词云图WordCloud直方图Histogram旭日图Sunburst对称条形图BidirectionalBar玉珏图Radial-Bar小提琴图Violin箱型图Box韦恩图Venn股票图Stock环形填充图CirclePacking D3.js Graph Gallery

image.png

使用 D3.js 制作的简单图表的集合。

图表大分类 分类说明分配Distribution相关Correlation排名Ranking整体的一部分Part of a whole演化Evolution地图Map流Flow常识General knowledge 小分类:分配 Distribution

image.png

分配类型说明小提琴Violin密度Density直方图Histogram箱线图Boxplot山脊线Ridgeline 小分类:相关

image.png

相关类型说明散射Scatter热图Heatmap相关图Correlogram泡沫Bubble连接的散射Connected scatter密度 2dDensity 2d 小分类:排名

image.png

相关类型说明直方图Barplot蜘蛛/雷达Spider / Radar词云Wordcloud平行Parallel棒棒糖Lollipop圆形条形图Circular Barplot 小分裂:整体一分部

image.png

相关类型说明树状图Treemap环形图Doughnut饼图Pie chart树状图Dendrogram圆形包装Circular packing 小分类:演化

image.png

相关类型说明线图Line plot面积Area堆积面积Stacked area流图Streamchart 小分类:地图

image.png

相关类型说明地图Map分区统计Choropleth赫克斯宾地图Hexbin map制图Cartogram连接Connection气泡图Bubble map 小分类:流

image.png

相关类型说明和弦图Chord diagram网络Network桑基Sankey弧形图Arc diagram边缘捆绑Edge bundling 小分类:常识

image.png

相关类型说明基本Basics自定义Custom互动Interactivity形状帮助程序Shape helpers警告Caveats数据艺术Data art amcharts

收费

相关类型说明柱图和直方图column-bar线图和区域line-area饼图和甜甜圈Pie & DonutXY 和气泡XY & Bubble地图Maps烛台和OHLCCandlestick & OHLC股票Stock仪表Gauges雷达和极地Radar & Polar等级制度Hierarchy流Flow漏斗和金字塔Funnel & Pyramid其他Miscellaneous(词云等) 小结 常用的图标库:柱状图、直方图、饼图、环形图、玫瑰图、面积图、折线图、曲线图、云词图、气泡图和雷达图 除了图表之外还有:地图相关的图、股票图等行业图表以及日常工作的甘特图、流程图 在使用的时候值得注意,部分图表库是要收费的,尤其是商业场景要特别注意。


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3